
/* slide-down */
.slide-down-enter-start{
  transform: scaleY(0);
}

.slide-down-enter-end{
  transform: scaleY(1);
}

.slide-down-leave-start{
  transform: scaleY(1);
}

.slide-down-leave-end{
  transform: scaleY(0);
}

.slide-down-enter-active, .slide-down-leave-active{
  transition: transform .3s;
  transform-origin: left top;
}

/* fade-in */
.fade-in-enter-start{
  opacity: 0;
}

.fade-in-enter-end{
  opacity: 1;
}

.fade-in-leave-start{
  opacity: 1;
}

.fade-in-leave-end{
  opacity: 0;
}

.fade-in-enter-active, .fade-in-leave-active{
  transition: opacity .3s;
}